/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';
.classify {
    min-height: 450px;
    .main_classify {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        background-color: $white;
        border-bottom: 1px solid $grayLighter;
        .box {
            height: 550px;
            overflow-y: scroll;
            border-right: 1px solid $grayLighter;
        }
        .item {
            color: $white;
            background-color: rgba($pink, 0.5);
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            padding: 13px 10px;
            text-align: center;
            // border-right: 1px solid $grayLighter;
            font-weight: bold;
            // background-color: $grayLighter;
            &.focus {
                border-right: 0;
                background-color: $white;
                color: $pink;
            }
        }
    }
    .second_classify {
        width: 75%;
        display: inline-block;
        max-height: 550px;
        overflow-y: scroll;
        vertical-align: top;
        .item {
            width: 33.333%;
            box-sizing: border-box;
            padding: 10px;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            img {
                width: 100%;
            }
        }
    }
}
